<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="禅疗堂,健康养生,回春功,辟谷养生,辟谷,泥灸,禅医泥膏,美容院加盟">
<title>禅疗堂官网</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/component.css">
<link rel="stylesheet" href="css/custom-styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/topMenu.css">
<link rel="stylesheet" href="css/message_stl.css">

 
 <link rel="stylesheet" href="css/demo.css">
<!-- <link rel="stylesheet" href="css/font-awesome-ie7.css"> -->
<style>
.top_logo_sty {width: 100px;
    float: left;
    margin-top: -20px;
    margin-left: 20px;}
	.img_stl{width:300px;}
.first_menu_stl{
color: #fff;
    font-size: 16px;
    background-image: none;
    border: none;
    font-family: 'source_sans_probold';
    text-transform: uppercase;
    padding: 15px 0px;
    padding-right: 40px;
	cursor:pointer;
}
.fn_hide{display:none;}

.first_menu_stl:hover{
	color:#827373;
}
.first_menu_stl:hover .second_menu_stl{
	
      display: block;
}
.first_title{
font-size: 20px;
    /* margin-top: -30px; */
    margin-bottom: 20px;
    color: black;
    font-weight: bold;
}
second_title{
font-size: 16px;
    font-weight: bold;
    color: black;}
.pro_stl_3{width:30%;margin-right:40px;float:left;}
.prod_title{text-align:center;}
.thumbnail1{box-shadow: 0 3px 3px 0 #e0e0e0;}
.img_div{text-align:center;}
.img-responsive1{display: block;height: 270px;width: 95%;border-radius: 50%;margin-left:15px;}
.podt_img_dtl{cursor: pointer;
    border: solid 2px #9a4a4a;
    border-radius: 50%;
    width: 88%;
    margin-left: 23px;}
    .prou_img_hove:hover{background:#f0f0f0;border: solid 3px #9a4a4a;}
@-webkit-keyframes move{0%{left:-500px;}100%{left:0;}}
#wrap{width: 80%;height:160px;/* border:1px solid #000; */
position:relative;margin:100px auto;overflow: hidden;}
#list{position:absolute;left:0;top:0;padding:0;margin:0;
-webkit-animation:5s move infinite linear;width:200%;}
#list li{list-style:none;margin-left: 10px;width:220px;
height:160px;border:1px solid #9a4a4a;/* background: pink; */
color:#fff;text-align: center;float:left;font:normal 50px/2.5em '微软雅黑';}
#wrap:hover #list{-webkit-animation-play-state:paused;}
#list li img{width:100%;}
.prod_title{
font-size: 35px;
line-height: 24px;
color: #BD9545;
text-transform: uppercase;
font-family: 'source_sans_probold';
padding-bottom: 10px;
letter-spacing: 1px;
font-weight: bold;
}
</style>
</head>

<body>
<div class="header-wrapper">
  <div class="top_logo_sty"><img style="width:130px;margin-left:50px;" src="img/logo.png"/></div>
  <div class="site-name">
	<h1>禅疗堂健康咨询管理有限公司</h1>
	<h2>禅疗 禅美 禅修</h2>
  </div>
</div>
<div class="menu" id="homeMenuId"></div>
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>		
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin=1284761203&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">18339241313</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img src="../../img/cltweixin.png" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>
<!-- 轮播图片、重要信息入口 -->
<div class="banner">
  <div id="carousel-example-generic" class="carousel slide">
<!-- Wrapper for slides -->
	<div class="carousel-inner" id="J_projListTpl">
	<div class="item active">
		<img src="img/banner-image1.jpg" alt="">
		<!-- <div class="carousel-caption">
		  <b class="proj_title_stl">{{investNm}}</b>
		  <b><div class="proj_desc_stl over_desc_stl" title="{{investDesc}}">{{investDesc}}</div></b>
		  <a href="###" onclick="projDtlInfo('{{investId}}')" class="btn">查看</a>
		</div> -->
	</div>
	<div class="item">
		<img src="img/banner-image2.jpg" alt="">
		<!-- <div class="carousel-caption">
		  <b class="proj_title_stl">{{investNm}}</b>
		  <b><div class="proj_desc_stl over_desc_stl" title="{{investDesc}}">{{investDesc}}</div></b>
		  <a href="###" onclick="projDtlInfo('{{investId}}')" class="btn">查看</a>
		</div> -->
	</div>
	</div>

<!-- 轮播图 左右控制 -->
  <a class="left_stl carousel-control" href="#carousel-example-generic" data-slide="prev">
	<i class="fw-icon-chevron-left"></i>
  </a>
  <a class="right_stl carousel-control" href="#carousel-example-generic" data-slide="next">
	<i class="fw-icon-chevron-right"></i>
  </a>
</div>
</div>
<!-- 特色介绍 -->
<div class="container">
  <div class="featured-block">
	<p>产品展示</p>
	<div class="row" id="J_productTpl"> 
		<div class="pro_stl_3 mar-top20">
			<div class="block item_stl">
				<div class="thumbnail1">
				  <div class="img_div podt_img_dtl prou_img_hove" title="点击查看产品详情" onclick="openProductDtl('1001');"><img src="./img/1.jpg" alt="" class="img-responsive1"></div>
				  <div class="caption prod_title">
				  	<b class="prod_title">禅 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;疗</b>
					<p class="text_over_hidden" title=""></p>
				  </div>
			  </div>
			</div>
		</div>
		<div class="pro_stl_3 mar-top20">
			<div class="block item_stl">
				<div class="thumbnail1">
				  <div class="img_div podt_img_dtl prou_img_hove" title="点击查看产品详情" onclick="openProductDtl('1002');"><img src="./img/1.jpg" alt="" class="img-responsive1"></div>
				  <div class="caption prod_title">
					<b class="prod_title">禅 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美</b>
					<p class="text_over_hidden" title=""></p>
				  </div>
			  </div>
			</div>
		</div>
		<div class="pro_stl_3 mar-top20">
			<div class="block item_stl">
				<div class="thumbnail1">
				  <div class="img_div podt_img_dtl prou_img_hove" title="点击查看产品详情" onclick="openProductDtl('1003');"><img src="./img/1.jpg" alt="" class="img-responsive1"></div>
				  <div class="caption prod_title">
					<b class="prod_title">禅 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;修</b>
					<p class="text_over_hidden" title=""></p>
				  </div>
			  </div>
			</div>
		</div>
	</div>
	</div> 
	<div class="ruler"></div>  
</div>
<div>
<div class="container">
  <div class="featured-item">
	<div class="col-md-6">
		<div class="block">
		  <div class="block-title">
			<h2>新闻资讯</h2>
		  </div>
		  <ul id="newsList"></ul>
		</div>
		<a href="#" class="btn" onclick="checkNewsMore();">更多资讯</a>
		</div>
		<div class="col-md-6">
		  <div class="block">
			<div class="block-title">
				<h2>加盟商分布图</h2>
				<div id="investMap" style="width: 600px;height:500px;"></div>
			</div>
			</div>
		  </div>
	</div>
	  </div>
	  <div class="ruler"></div>
</div>
<!-- 轮播图片 -->
<div id="wrap">
	<ul id="list">
		<li><div title="图片说明"><img src="./img/news/a01.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a02.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a03.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a04.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a05.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a06.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a07.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a01.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a02.jpg" alt="" class=""/></div></li>
		<li><div title="图片说明"><img src="./img/news/a03.jpg" alt="" class=""/></div></li>
	</ul>
</div>
  <div class="container">
	<div class="featured-content">
	  <div class="col-md-6">
		<div class="first_title">企业介绍</div>
		<div class="block">
		  <img src="" id="companyImg" alt="" class="img-spacing thumbnail img_stl">
		  <p id="companyNm" class="second_title"></p>
		  <p id="companyDesc">
		  </p>
		  <a href="#" class="btn" id="companyMore" onclick="openCompanyINfo();">更多</a>
		</div>            
	  </div>
	  <div class="col-md-6">
   	    <div class="first_title">董事长介绍</div>
		<div class="block">
		  <img src="" id="personImg" alt="" class="img-spacing thumbnail img_stl">
		  <p id="personNm" class="second_title"></p>
		  <p id="personDesc"><p>
		  <a href="###" class="btn" id="personBtn" onclick="openPersonInfo();">更多</a>
		</div>            
	  </div>
	</div>
  </div> 
  <div class="" id="homeFoodId"></div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/china.js"></script>
<script src="js/lib.min.js"></script>
<script src="js/requirejsConfigObj.js"></script>
<script src="js/requirejs/2.1.17.js"></script>
<script src="js/common.min.js"></script>
<script src="js/self_fun.js"></script>
<script src="js/eacharts_invest.js"></script>
<script id="T_productTpl" type="text/x-handlebars-template">
{{#each beans}}
<div class="col-md-3 mar-top20">
	<div class="block item_stl">
		<div class="thumbnail">
		  <div class="img_div"><img src="{{picHeadFile picHeadFile}}" alt="" class="img-responsive"></div>
		  <div class="caption">
			<h1>{{productNm}}</h1>
			<p class="text_over_hidden" title="{{productDesc}}">{{productDesc}}</p>
			<a class="btn" href="###" onclick="openProductDtl('{{productId}}');">查看</a>
		  </div>
	  </div>
	</div>
</div>
{{/each}}
</script>
<!-- 轮播图展示 -->
<script id="T_projListTpl" type="text/x-handlebars-template">
{{#each beans}}
	<div class="item">
		<img src="{{filePaths filePaths}}" alt="">
		<div class="carousel-caption">
		  <b class="proj_title_stl">{{titleNm}}</b>
		  <b><div class="proj_desc_stl over_desc_stl" title="{{titleDesc}}">{{titleDesc}}</div></b>
		</div>
	</div>
{{/each}}
</script>
<script>
var homeMenuHtml = '<div class="navbar"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><i class="fw-icon-th-list"></i></button></div><div class="menu_stl">'+
'<ul class=""><li><a href="index.html">首页</a></li><li><a href="###">企业信息</a>'+
'<ul><li><a href="cltweb/page/companyPage.html" class="tran300">企业简介</a></li><li><a href="cltweb/page/personPage.html" class="tran300">董事长介绍</a></li></ul></li>'+
'<li><a href="###">新闻资讯</a>'+
'<ul><li><a href="cltweb/page/newsPage.html" class="tran300">新闻资讯</a></li></ul></li>'+
'<li><a href="#">产品介绍</a>'+
'<ul><li><a href="cltweb/page/productPage.html" class="tran300">产品介绍</a></li></ul></li><li>'+
'<a href="#">招商加盟</a>'+
'<ul><li><a href="cltweb/page/investPage.html" class="tran300">特色项目</a></li></ul></li>'+
	  /* '<li><a href="cltweb/page/videoPage.html" >视频音频</a></li>'+ */
	  '<li><a href="###">我要报名</a>'+
	  '<ul><li><a href="cltweb/page/signUpInfoPage.html" class="tran300">我要报名</a></li></ul></li>'+
	  '<li><a href="cltweb/page/recruitPage.html">招聘英才</a></li></ul></div></div></div>';
	  var homeFootPage = 
    '<div class="copy-rights"><div class="container">'+
	'<div class="row"><div class="col-md-6">'+
	'<div class="foodStl"><span>公司地址：河南省郑州市玉凤路南浦国际16层1601室</span><span>联系电话：18339241313</span></div><div class="foodStl"><span>版权所有：郑州禅疗堂公司</span><span>豫ICP备18035209号</span></div>'+
	'</div></div></div>';	  
	$(function(){
		$("#homeMenuId").html(homeMenuHtml);
		$("#homeFoodId").html(homeFootPage);
		getCompanyInfo();
		getPersonInfo();
		getNewsList();//新闻
		//productList();
		//projList();
		getTitleList();
		
	});
	Handlebars.registerHelper("filePaths",function(value){
		   if(!isDataNull(value)){
	            return "http://47.93.36.223:80"+value;
	   	   }else{
	   		   return "img/banner-image.jpg";
	   	   }
	});
	Handlebars.registerHelper("picHeadFile",function(value){
		   if(!isDataNull(value)){
	            return value;
	   	   }else{
	   		   return "img/banner-image.jpg";
	   	   }
	});
	function getTitleList(){
		var sessionObj = JSON.parse(sessionStorage.getItem("session_TitleList"));
		if(isDataNull(sessionObj)||sessionObj.beans ==''||sessionObj.beans.length<=0){
			var param = {};   
			Util.ajax.postJson('/getPageTitleImgList', param, function(json,status){
				if(status){
		            sessionStorage.setItem("session_TitleList", JSON.stringify(json));
	            	if(json.beans != null && json.beans != [] && json.beans != '' && json.beans.length>0){
			            Util.ajax.loadTemp("#J_projListTpl", $("#T_projListTpl"), json);
	            	}
				}
	   	 	});
		}else{
			Util.ajax.loadTemp("#J_projListTpl", $("#T_projListTpl"), sessionObj);
		}
		$("#J_projListTpl div:first-child").addClass("active");
	}
	function getNewsList(){
		var sessionObj = JSON.parse(sessionStorage.getItem("session_newsList"));
		if(isDataNull(sessionObj)){
			var param = {strat:0,limit:10};   
			Util.ajax.postJson('/homeNewsList', param, function(json,status){
	            var obj = json.beans;
	            sessionStorage.setItem("session_newsList", JSON.stringify(obj));
	            if(status){
	           	    var html = "";
	           	    $.each(obj,function(i,n){
	           	    	html += '<li class=""><div class="user-info over_text_hide"><p class="news_title_stl" title="'+n.newsTitle+'"><a onclick="openNewsDtlInfo(\''+n.newsId+'\'");">'+n.newsTitle+'</a></p><p class="news_data_stl">'+n.crtTime+'</p></div></li>';
	           	    });
	           	    $("#newsList").html(html);
	            }
	   	 	});
		}else{
        	var html = "";
        	$.each(sessionObj,function(i,n){
        	    html += '<li class=""><div class="user-info over_text_hide"><p class="news_title_stl" title="'+n.newsTitle+'"><a onclick="openNewsDtlInfo(\''+n.newsId+'\');">'+n.newsTitle+'</a></p><p class="news_data_stl">'+n.crtTime+'</p></div></li>';
        	});
        	$("#newsList").html(html);
		}
		
	}
	function openNewsDtlInfo(newsId){
		window.location.href = "/cltweb/page/newsDtlInfoPage.html?newsId="+newsId;
	}
	//公司信息读入
	function getCompanyInfo(){
		var sessionObj =  JSON.parse(sessionStorage.getItem("session_companyInfo"));
		if(isDataNull(sessionObj)){
			var param = {};   
		   	 Util.ajax.postJson('/homeCompanyInfo', param, function(json,status){
		            var obj = json.bean;
		            if(status){
			            sessionStorage.setItem("session_companyInfo", JSON.stringify(obj));
		           	    $("#companyNm").text(obj.companyNm);             
		                $("#companyDesc").text(obj.companyDesc);
		                if(!isDataNull(obj.picHeadFile)){
		    	            $("#companyImg").attr('src',obj.picHeadFile);
		                }    	
		            }
		   	 });
		}else{
			$("#companyNm").text(sessionObj.companyNm);             
            $("#companyDesc").text(sessionObj.companyDesc);
            if(!isDataNull(sessionObj.picHeadFile)){
	            $("#companyImg").attr('src',sessionObj.picHeadFile);
            }    
		}
	}
	//董事长信息读入
	function getPersonInfo(){
		var sessionObj = JSON.parse(sessionStorage.getItem("session_personInfo"));
		if(isDataNull(sessionObj)){
			var param = {};   
		   	 Util.ajax.postJson('/homePersonInfo', param, function(json,status){
		            var obj = json.bean;
		            if(status){
			            sessionStorage.setItem("session_personInfo", JSON.stringify(obj));
		           	    $("#personNm").text(obj.personNm);
		                $("#personDesc").text(obj.personDesc);
		                if(!isDataNull(obj.headFile)){
		    	            $("#personImg").attr('src',obj.headFile);
		                }    	
		            }
		   	 });
		}else{
			 $("#personNm").text(sessionObj.personNm);
             $("#personDesc").text(sessionObj.personDesc);
             if(!isDataNull(sessionObj.headFile)){
 	            $("#personImg").attr('src',sessionObj.headFile);
             }   
		}
		
	}
	function openPersonInfo(){
		window.location.href="cltweb/page/personPage.html";
	}
	function openCompanyINfo(){
		window.location.href="cltweb/page/companyPage.html";
	}
    function checkNewsMore(){
    	window.location.href="cltweb/page/newsPage.html";
    }
	function openProducgtInfo(){
		window.location.href="cltweb/page/productPage.html";
	}
	function openInvestInfo(){
		window.location.href="cltweb/page/investPage.html";
	}
	$(document).ready(function(){	
		$(document).on("mouseenter", ".suspension .a", function(){
			var _this = $(this);
			var s = $(".suspension");
			var isService = _this.hasClass("a-service");
			var isServicePhone = _this.hasClass("a-service-phone");
			var isQrcode = _this.hasClass("a-qrcode");
			if(isService){ s.find(".d-service").show().siblings(".d").hide();}
			if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
			if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
		});
		$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
			$(".suspension").find(".d").hide();
		});
		$(document).on("mouseenter", ".suspension .a-top", function(){
			$(".suspension").find(".d").hide(); 
		});
		$(document).on("click", ".suspension .a-top", function(){
			$("html,body").animate({scrollTop: 0});
		});
		$(window).scroll(function(){
			var st = $(document).scrollTop();
			var $top = $(".suspension .a-top");
			if(st > 400){
				$top.css({display: 'block'});
			}else{
				if ($top.is(":visible")) {
					$top.hide();
				}
			}
		});	
	});	
	//
	function productList(){
		var sessionObj = JSON.parse(sessionStorage.getItem("session_productList"));
		if(isDataNull(sessionObj)){
			var params = {start:'0',limit:'4'}
			Util.ajax.postJson('/homeProductList', params, function(json,status) {
	            if (status) {
					sessionStorage.setItem("session_productList", JSON.stringify(json));
	            	Util.ajax.loadTemp("#J_productTpl", $("#T_productTpl"), json);
	            }
	        });
		}else{
			Util.ajax.loadTemp("#J_productTpl", $("#T_productTpl"), sessionObj);
		}
	}
	function projList(){
		var sessionObj = JSON.parse(sessionStorage.getItem("session_projList"));
		if(isDataNull(sessionObj)){
			var params = {start:'0',limit:'4'}
			Util.ajax.postJsonSync('/homeInvestList', params, function(json,status) {
	            if (status) {
	            	sessionStorage.setItem("session_projList", JSON.stringify(json));
	            	Util.ajax.loadTemp("#J_projListTpl", $("#T_projListTpl"), json);
	            }
	        });
			$("#J_projListTpl div:first-child").addClass("active");
		}else{
			Util.ajax.loadTemp("#J_projListTpl", $("#T_projListTpl"), sessionObj);
		}
	}
	function openProductDtl(productTypeCd){
		window.location.href = "/cltweb/page/productPage.html?productTypeCd="+productTypeCd;
	}
	function projDtlInfo(investId){
		window.location.href = "/cltweb/page/investDtlInfoPage.html?investId="+investId;
	}
</script>
</body>
</html>
